/*

write by wuweiwei

*/
.fl{
	float:left;
}
body{
	margin:0;
	padding: 0;
}
dl,dd,dt{
	padding: 0;
	margin:0;
}
.svg{
	width:900px;
	height: 600px;
	cursor: move;
}
.svg .image{
	width:500px;
	height: 500px;
}

.stageMap-titleBar{
	height: 40px;
	line-height: 40px;
	background-color: #02aad0;
	color:#FFF;
}

.stageMap-type{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.stageMap-type-box{
	float:left;
	margin-left:10px;
}
.stageMap-green{
	border-top:1px dashed #02aad0;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
.stageMap-green-box{
	float:left;
	overflow:hidden;
	margin-left:10px;
}
.stageMap-green-box i{
	display: inline-block;
	width:20px;
	height: 20px;
	background: #f00;
	position: relative;
	top:4px;
}


.map-titleBar{
	height: 60px;
	line-height: 60px;
	background-color: #449ad1;
	color:#FFF;
	border-bottom:1px solid #0491b1;
	padding-left:20px;
	position: relative;
	box-shadow:10px 10px 5px #888888;
}
.map-titleBar-menu{
	float: right;
	margin-right: 120px;
}
.map-titleBar .instruction{
	display: block;
	position: absolute;
	right: 20px;
	top:0px;
	cursor: pointer;
}
.map-side{
	width:300px;
	background-color: #ccc;
	position: absolute;
	top:60px;
	bottom:0;
	z-index: 100;
	background-color: #065486;
	color:#f3f2f2;
}
.map-side .map-side-box dt{
	height: 30px;
	line-height: 30px;
	background-color: #0c78bd;
}
.map-side .map-side-box dd{
	padding:10px;
}
.map-side .map-side-box{
	margin-bottom:20px;
}

.map-main{
	overflow: hidden;
	position: absolute!important;
	left:300px;
	top:60px;
	bottom:0;
	right: 0;
	background-color: #000;
}

.svgPopMenu{
	overflow: hidden;
	background-color: #eee;
	border:1px solid #aaa;
	box-shadow: 3px 3px 3px 0px #333;
	line-height: 30px;
}
.svgPopMenu .svgPopItem{
	cursor: pointer;
	padding:0 10px 0 10px;
}
.svgPopMenu .svgPopItem:hover{
	background-color: #d1d1d5;
}
.instructionDialog{
	width:500px;
	height: 300px;
	border:1px solid #ccc;
	background-color: #FFF;
	border-radius:5px;
	position: fixed;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-150px;
	box-shadow: 1px 1px 3px 1px #333;
	line-height: 30px;
	display: none;
}
.instructionDialog span{
	display: block;
}
.instructionDialog .instructionDialog-close{
	position:absolute;
	right: 10px;
	top:10px;
	cursor: pointer;
}
.instructionDialog .instructionDialog-content{
	padding:10px;
	margin-top:50px;
}
.instructionDialog label{
	position: absolute;
	bottom:20px;
}
.mask{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 2000;
	display: none;
}
.mask-opacity{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: #333;
	opacity: 0.6;
}
.mask-text{
	position: fixed;
	width:300px;
	height: 30px;
	line-height: 30px;
	padding : 10px;
	background-color: #111;
	color:#FFF;
	z-index: 2001;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-15px;
	box-shadow: 0 0 3px 1px #FFF;
}